<template>
  <q-card>
     <q-card-section horizontal>

       <q-card-section>
         <q-card-actions vertical class="justify-around">
           <q-btn flat round color="red" icon="favorite" />
           <q-btn outline round color="accent" icon="bookmark" />
           <q-btn push round color="primary" icon="share" />
         </q-card-actions>
       </q-card-section>
       <q-separator vertical />

       <q-card-section>

         <q-card-section>
           title
         </q-card-section>
         <q-separator />

         <q-card-section horizontal>

           <q-card-section>
             content
           </q-card-section>
           <q-separator vertical />

           <q-card-section>
             发布者
           </q-card-section>

         </q-card-section>

       </q-card-section>

     </q-card-section>
    <q-separator />

    <q-card-section>
      标签
    </q-card-section>
  </q-card>
</template>

<script>
export default {
  name: "ArticleItem"
}
</script>

<style scoped>

</style>
